import 'package:flutter/material.dart';
import 'package:english_words/english_words.dart';

//MARK: - 我的列表Demo
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Startup Name Generator',
      home: const RandomWords(),
      theme: ThemeData(primaryColor: Colors.redAccent),
    );
  }
}

class RandomWords extends StatefulWidget {
  const RandomWords({super.key});

  @override
  State<RandomWords> createState() => RandomWordsState();
}

class RandomWordsState extends State<RandomWords> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text(
          'Startup Name Generator',
          textAlign: TextAlign.center,
        ),
        actions: <Widget>[
          IconButton(
              icon: const Icon(Icons.color_lens), onPressed: _setMainStyle),
          IconButton(icon: const Icon(Icons.list), onPressed: _pushSave)
        ],
      ),
      body: _buildSuggestions(),
    );
  }

  final _suggestions = <WordPair>[]; //列表数据源
  final _saved = <WordPair>[]; //已收藏数据源
  final _biggerFont = const TextStyle(fontSize: 18.0);

  /* _buildSuggestions 无限循环列表 */
  Widget _buildSuggestions() {
    return ListView.builder(
      padding: const EdgeInsets.fromLTRB(12, 0, 12, 0),

      // 对于每个建议的单词对都会调用一次itemBuilder，然后将单词对添加到ListTile行中
      // 在偶数行，该函数会为单词对添加一个ListTile row.
      // 在奇数行，该函数会添加一个分割线widget，来分隔相邻的词对。
      // 注意，在小屏幕上，分割线看起来可能比较吃力。
      itemBuilder: (context, i) {
        // 在每一列之前，添加一个1像素高的分隔线widget
        if (i.isOdd) return const Divider();

        // 语法 "i ~/ 2" 表示i除以2，但返回值是整形（向下取整），比如i为：1, 2, 3, 4, 5
        // 时，结果为0, 1, 1, 2, 2， 这可以计算出ListView中减去分隔线后的实际单词对数量
        final index = i ~/ 2;

        // 如果是建议列表中最后一个单词对
        if (index >= _suggestions.length) {
          _suggestions.addAll(generateWordPairs().take(10));
        }

        return _buildRow(_suggestions[index], index + 1);
      },
    );
  }

  /* _buildRow */
  Widget _buildRow(WordPair pair, final index) {
    final alreadySave = _saved.contains(pair);

    return ListTile(
      title: Text(
        pair.asPascalCase,
        style: _biggerFont,
      ),
      subtitle: Text(
        index.toString(),
        style: const TextStyle(fontSize: 12),
      ),
      trailing: Icon(
        alreadySave ? Icons.favorite : Icons.favorite_border,
        color: alreadySave ? Colors.red : null,
      ),
      onTap: () {
        setState(() {
          if (alreadySave) {
            _saved.remove(pair);
          } else {
            _saved.add(pair);
          }
        });
      },
    );
  }

  /* 查看收藏列表 */
  void _pushSave() {
    Navigator.of(context).push(
      new MaterialPageRoute(
        builder: (context) {
          final tiles = _saved.map(
            (pair) {
              return ListTile(
                title: Text(pair.asPascalCase, style: _biggerFont),
              );
            },
          );

          final divided =
              ListTile.divideTiles(tiles: tiles, context: context).toList();

          return Scaffold(
            appBar: AppBar(
              title: const Text('Saved Suggestions'),
            ),
            body: ListView(children: divided),
          );
        },
      ),
    );
  }

  /* 设置主题样式颜色 */
  void _setMainStyle() {
    debugPrint("修改颜色");
  }
}
